Typesetting on a curved path 在曲線路徑上排版文字

在大多數情況下，我們都是在直線上進行文字排版。但有時候，我們需要調整基線使其沿曲線排列。雖然這種情況相對較少見，但在設計圓形介面時（比如智慧手錶介面）就需要特別考慮這一點。

首先，我們需要了解在曲線路徑上排版文字有兩種基本方法：變形（Warping）和環繞（Wrapping）。

第一種方法是變形，會改變字形的幾何形狀來適應曲線。字型或曲線弧度越大，變形越明顯。如下圖所示，字形離變形中心越遠，筆畫就越寬，在"E"和"D"字母上尤為明顯。

Warping變形,圓形路徑保持不變,字型大小發生改變。

變形。圓形路徑發生改變；字型大小保持不變。Roboto Flex

變形方法除了在標誌設計等特殊場景外，很少能產生好效果，尤其不適合UI設計。環繞方法則是將文字沿路徑排列並旋轉，保持字形原有特徵。字型或曲線弧度越大，基線扭曲越明顯。

環繞。圓形路徑保持不變；字型大小改變。

環繞（Wrapping）。圓形路徑會改變；字型大小保持不變。

在進行全圓形文字排版時，讓文字佔據更多圓周通常會獲得更好的視覺效果。

左側的標誌看起來更好，因為它更好地展現了完整的圓形輪廓。Anybody

不過，使用環繞或旋轉方式排版時，字元之間的間距可能會出現明顯的變化。這種現象在窄體字型中尤為明顯。而使用寬體字型則會帶來另一個問題：每個字形的旋轉角度會變得更加明顯。

在Anybody字型中調整字寬軸的效果展示。

所以，我們應該根據曲線弧度和文字大小來調整字的寬度和字間距。可變字型（就是能自由調整字型粗細和寬度的字型）在這方面很好用。

用全大寫字母通常看起來更好，因為每個字母的高度都一樣。不過，如果使用像Roboto這樣的字型，因為它的小寫字母比較高，而且字間距合適，混合使用大小寫字母也能達到不錯的效果：

在某種程度上，襯線字型可以幫助減少字形之間失真的空間感。因為襯線字型本身的字元間距就是不規則的，所以彎曲排版產生的變化不那麼明顯：

相比之下，無襯線字型更容易在字與字之間形成明顯的三角形空白，這可能會影響閱讀體驗。字型：Roboto和Roboto Slab。

總結重點：

  1. 不要使用變形效果，特別是在介面設計中。最好選擇讓文字環繞曲線的方式。
  1. 當文字比較多、字型比較大或者曲線弧度較大時，彎曲的效果會更明顯。所以要小心控制這些因素。
  1. 選擇字型寬度時要注意：寬字型會讓每個字的轉動看起來很明顯，而窄字型則會讓字與字之間的間距不自然。建議透過調整字型大小和字間距來找到最好的效果。
  1. 如果要用字型高度比較小的字型，建議用大寫字母。
  1. 用帶襯線的字型可以讓字與字之間不規則的間距看起來不那麼突兀。